$(function () {

    // 1- 表单校验 
    // 使用bootstrapValidator.js 进行校验
    // 校验规则：
    // 1- 用户名密码非空
    // 2- 用户名长度 2-6位
    // 3- 密码长度 6-12位 
    $('.login-form').bootstrapValidator({
      //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
      excluded: [':disabled', ':hidden', ':not(:visible)'],
  
      //2. 指定校验时的图标显示，默认是bootstrap风格
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
  
      // 3- 要校验的数据  fields: 字段 
      fields: {
        //根据表单name属性进行校验 
        // 用户名：
        username: {
          //校验规则
          validators: {
            // 非空
            notEmpty: {
              message: '用户名不能为空哦！'
            },
            // 长度校验
            stringLength: {
              min: 2,
              max: 6,
              message: '用户名必须2-6位哦！'
            },
            // 拓展一个提示信息
            callback: {
              message: '用户名不存在'
            }
          }
        },
        // 密码：
        password: {
          //校验规则
          validators: {
            // 非空
            notEmpty: {
              message: '密码不能为空哦！'
            },
            // 长度校验
            stringLength: {
              min: 6,
              max: 12,
              message: '密码必须6-12位哦！'
            },
            callback: {
              message: '密码错误'
            }
          }
        }
      }
    })

});